<template>
    <div>
        商家
        <h1 @click="$store.commit('changeName', '王五')">{{ x_name }}</h1>
    </div>
</template>

<script lang="ts">
    import { Component, Vue } from 'vue-property-decorator';

    @Component
    export default class Merchant extends Vue {
        
        //为了避免重复获取vuex中的数据，官方建议把取值放在computed中
        get x_name(): string {
            return this.$store.state.name
        }
    }
</script>

<style scoped>

</style>